<template>
    <div>
        <h2>Demo - Demo - Demo </h2>
        <h2 @click="count++">count -- {{count}}</h2>
        <div class="h2">
            <h2>完整语法高亮</h2>
            <h2>组件作用域的 CSS</h2>
            <h2>CommonJS 模块</h2>
        </div>
        <hr>
        <First></First>   
    </div>
</template>

<script>
import First from './First.vue'
export default {
    data(){
        return {
            count:1000,
        }
    },
    components:{  // 局部注册组件 
        First
    }
}
</script>

<style lang="scss" scoped >
  .h2{
      color:darkorange
  }

  h2{
      color:aqua;
  }
</style>